<div class="">
  <nz-table #nzTable [nzDataSource]="planData" nzSize="middle" [nzBordered]="true" [nzIsPagination]="false"
            (nzDataChange)="displayDataChange($event)">
    <thead nz-thead>
    <tr>
      <th nz-th [nzCheckbox]="true">
        <label nz-checkbox [(ngModel)]="allChecked" [nzIndeterminate]="indeterminate" (ngModelChange)="checkAll($event)" >
        </label>
      </th>

      <th nz-th>
        <span>检查项</span>
      </th>
      <th nz-th>
        <span>检查记录</span>
      </th>
      <th nz-th>
        <span>故障照片</span>
      </th>
      <th nz-th>
        <span>补充说明</span>
      </th>
      <th nz-th>
        <span>检查时间</span>
      </th>

    </tr>
    </thead>
    <tbody nz-tbody>
    <tr nz-tbody-tr *ngFor="let data of planData">
      <td nz-td [nzCheckbox]="true">
        <label nz-checkbox  nz-checkbox [nzDisabled]="data.disabled" [(ngModel)]="data.checked" (ngModelChange)="refreshStatus($event)">
        </label>
      </td>
      <td nz-td>{{data.checkItemName}}</td>
      <td nz-td>{{data.checkRecord}}</td>
      <td nz-td *ngIf="data.picUrl !=''" >
        <img style="margin-left:4px;" (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" *ngFor="let pic of getPics(data.picUrl)"
             src="{{config.IP+config.API.getUpload+pic}}" width="30px" height="30px" />
      </td>
      <td nz-td *ngIf="data.picUrl ==''" >{{data.picUrl}}</td>
      <td nz-td>{{data.remarkes}}</td>
      <td nz-td>{{data.createDate | date:'yyyy-MM-dd'}}</td>

    </tr>
    </tbody>
  </nz-table>


  <nz-pagination [nzPageIndex]="spotCheckPlan.currentPage" nzShowTotal [nzTotal]="total" nzShowSizeChanger
                 (nzPageSizeChange)="nzPageSizeChange($event)" (nzPageIndexChange)="nzPageIndexChange($event)"
                 (nzPageIndexClickChange)="nzPageIndexClickChange($event)" [nzPageSize]="spotCheckPlan.pageSize"></nz-pagination>

  <ng-template #titlepic>
    <span>图片</span>
  </ng-template>
  <ng-template #contentpic>
    <enlarge-pic [inValue]="picList" ></enlarge-pic>
  </ng-template>
  <ng-template #footerpic>
    <div>
    </div>
  </ng-template>

</div>
